理解js中的promise

| 分类于

概念

ES6开始支持.promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示.

简单说, 就是处理异步请求的.之所以叫做Promise, 就是我承诺,如果成功则怎么处理, 失败则怎么处理.

1
2
3
4
5
//语法
new Promise(
	/*下面定义的函数是executor*/
	function(resolve, reject) {...}
);

executor是一个带有resolve和reject 两个参数的函数.

executor函数在promise构造函数执行时立即执行, 被传递resolve和reject函数(executor函数在Promise构造函数返回新建对象前被调用).executor内部通常会执行一些异步操作, 一旦完成,可以调用resolve函数来讲promise状态改成fulfilled即完成, 或者在发生错误时将他的状态改为rejected即失败.

如果在executor函数中抛出一个错误, 那么该promise状态为rejected.executor函数的返回值被忽略.

executor中, resolve或reject只能执行其中一个函数.

promise的状态

  • fulfilled:意味着操作成功完成
  • pending:初始状态,不是成功或失败状态
  • rejected: 意味着操作失败.

Promise.then(onfilled, onRejected)

参数是2个函数, 根据Promise的状态来调用不同的函数, fulfilled走onFulfilled函数,rejected走onRejected函数.then的返回值是一个新的promise对象, 执行任意一个函数, 对这个promise对象来说就是其返回值.调用任何一个函数, 其返回值可以被后续的then方法继续捕捉.

catch(onRejected)

为当前Promise对象添加一个拒绝回调,返回一个新的Promise对象.

Promise提供2个方法:

  • Promise.resolve(value)返回 状态为fulfilled的Promise对象
  • Promise.reject(reason)返回 状态为rejected状态的Promise对象.

catch其实是then(undefined, () => {})的语法糖,如下:

1
2
3
4
let p = Promise.reject('error');
p.catch(err => {
    console.log('catch' + err);
})

Promise对象内部其实自带了try catch, 当同步代码发生运行时错误时, 会自动将错误对象作为值reject, 这样就会触发catch注册的回调.

实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function runAsync(){
    return new Promise(function(resolve, reject){
        setInterval(function(){
            console.log('do sth ----')
            resolve('ok----')

        }, 3000);
    });
}

//调用
runAsync().then(
    value => {
        console.log(value);
        return Promise.reject(value + '*');

    }
).catch(
    reason => {
        console.log(reason);
        return Promise.resolve(reason + '*');
    }
).then(
    value => {
        console.log(value);
        console.log('Promise end')
    }
)
console.log('=========')
感谢支持 ！
0%